/**
 *    SPDX-License-Identifier: Apache-2.0
 */

#root > div > div:nth-child(1) > nav > a
{
font-size: 30pt;
/* margin-left: 670px; */
font-weight: 300;
}
#root > div > div:nth-child(1) > nav{
    padding-top: 0px;
    padding-bottom: 0px;
    height: 75px;
}
.dashButtons{
    color:#000000!important;
    font-size:1.05rem !important;
     font-weight:800!important;
     height: 60px!important;
     margin-top: 22px!important;
 }
.admin-buttons{
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 15px;
}
.button{
    background-color:#afeeee;
    font-size: 16px;
    color: black;
    padding: 7px 35px;
    margin: 14px 0px;
    display:block;
    border: none;
    box-shadow: 0px 9px 10px  rgba(0,0,0,0.05)
}
.activeTab{

    color:#ffffff!important;
    background-color:#808080!important;
    height: 60px!important;
    margin-top: 20px;
}
/*Channel Drop-Down*/
.Select-control{
    background-color:#E8E8E8!important;
}

.cog, .bell{
    margin-top: 36px;
    color: #5F6164;
    font-size: 18pt;
}
.bell:hover, .cog:hover{
    margin-top: 36px;
    color: #24272a;
    font-size: 18pt;
}
/* Navigation bar */
 div.menuItems > nav > ul{
    margin-left: 160px!important;
}
 div.menuItems > nav > ul > li{
padding-left: 100px;
padding-right:60px;
font-size:16pt;
color:#BFBFBF
}
.menuItems > nav > ul > li.active{
    color:#22313F;
    font-weight: bolder;
}
div.menuItems > nav{
    border-top: 2px #000000 solid;
    border-bottom: 2px #000000 solid;
}
.logo{
    /* width: 365px;
    height: 70px; */
    width: 260px;
    height: 50px;
}
/* Dashboard */
 .count-card{
     min-width: 320px;
     min-height: 100px;
     padding-left: 5px;
     margin-left: 5px;
     text-align: center;
 }
.card-body > h1{
    font-size: 25pt;
}
 .dark-card{
     /* background-color:#BFBFBF; */
    /* background-color: #bdc3c7; */
     /* background-color: #cfcfce; */
     /* background-color: #6d6d6c; */
     background-color: #24272a;
     color:#f3f9f9;
 }
 .light-card{
    /* background-color: #F2F1EF; */
    background-color: #5F6164;
    color:#f3f9f9;
 }
.chart-stats{
    margin-top: 10px;
}
.lower-dash{
    margin-top:10px;
}
.activity-stream{
    width: 633px;
}
.timeline{
    height: 320px;
}
.timeline-event{
word-wrap: break-word;
}
.timeline-items{
    background-color:#cfcfce;
    padding: 5px;
}
.scrollable-card{
    height: 300px;
    overflow-y: scroll;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.card-header{
    background-color: #24272a;
     color:#f7f7f7;
     font:bold;
}
/* Table and List  */
#root > div > div.App > div > div:nth-child(1) > div > div:nth-child(2) > div > table{
    min-width: 970px;
    border: 1px #bdc3c7 solid;
}
.table thead th{
    border-bottom-color: #bdc3c7!important;
}

#root > div > div.App > div > div:nth-child(1) > div > div:nth-child(2) > div > table th> tbody td {
    border-color: #bdc3c7!important;
}


#blockList{
    border: 1px #bdc3c7 solid;
    width: 1090px;
}
#blockDetails{
    border: 1px #bdc3c7 solid;
    min-width: 730px;
}
#blockDetails > a{
    text-decoration: none;
}
.hash-hide{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}
#txDetails{
    border: 1px #bdc3c7 solid;
    min-width: 730px;
}
.container{
    padding-left: 280px;
}
.peerList{
    margin-left: 300px;
    max-width: 550px;
}
.peerStatus{
    margin-left: 300px;
    max-width: 550px;
}
.scrollTable{
    /* height: 750px; */
    /* overflow: auto; */
    width: 1200px;
}
.fixed-header thead >tr{
    position: relative;
}
/* Landing page css */
.landing{
    margin-top: 450px;
    margin-left: 550px;
}
.landing > h1{
    font-size: 40pt;
}
.landing > div {
    margin-left: 150px;
}
.dashboard{
    /* margin-left: 300px; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}
.dash-stats{
    display: block;
    margin-left: 50px;
    margin-right: auto;
    width: 100%;
}
.wip{
    color:#bdc3c7;
    font-size:16pt;
}
/* Peer Graph  */
 .peer-graph{
    /* width: 633px; */
}

div.custom-container {
	background-color: #242424;
}

svg.custom .node circle {
	fill: #F3F3FF;
	stroke: #2593B8;
	stroke-width: 1.5px;
}

svg.custom .node text {
	font-size: 14px;
	background-color: #444;
	/* fill: #F4F4F4; */
	fill: #000000;
	/* text-shadow: 0 1px 4px black; */
}

svg.custom .node {
	cursor: pointer;
}

svg.custom path.link {
	fill: none;
	stroke: #2593B8;
	stroke-width: 1.5px;
}

/* Pagination */

.pagination li {
    float: left;
    padding: 2px 8px;
    text-decoration: none;
    font-size: 12pt;
    border-radius: 3px;
    margin-left: 3px;
    border:solid #bdc3c7 2px;
}
.pagination li > a{
    color: black;
}
.pagination li.active {
    background-color: #22313F;
    color: white;
    border-radius: 3px;
    border:solid #bdc3c7 2px;
}
.pagination li.active a{
    color: white;

}

/* Admin Panel */
/* .admin-panel{
    width: 450px;
} */
.select-channel{
    width: 200px;
}
.channel-form{
    display: flex;
    flex-wrap: wrap;
}

.source-code{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width : 800px;
    height: 600px;
}
.view-fullwidth{
    width: 100%;
    margin-top:105px;
    background-color: #F0F5F9;
}
.view-display{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    /* width: 30px; */
}
/* .app-header{
    z-index: 100;
    background-color: #FFFFFF;
    height: 60px;
} */

.dialogTitle{
    /* background:linear-gradient(45deg,#2A45A8,#5c6fef); */
    text-align: center;
    background-color:#004D6B;
    color:#fff !important;
    font: bold 30px;
    font-weight:400;
    letter-spacing:3px;
    padding-top:1%;
}
.dialog{
    border-style:solid;
    /* border-color: #B9D6E1; */
    border-color :#D8D6D6;
    border-width:2px;
    filter: drop-shadow(0 0 0.75rem #D8D6D6);

}
Card{
    border-style:solid;
    border-color :rgb(133, 30, 30);
    border-width:10px;

}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th{
    transition:background-color 1s ease;
    background-color:#53b4b1;
    opacity:0.8


}
tr{

    border-style:hidden !important
}
th{
    font-weight:bold;
}
.table th,.table td{
    padding:5px;
}
.closeBtn{
    float:right;
    border-color:transparent;
    color:#8b0000;
background-color:transparent;
margin:-12px 10px 3px 0px;
font-size:25px;
height:30px;
cursor:pointer;
filter: "drop-shadow(0 0 0.75rem #D8D6D6)"
}
.closeBtn:focus{
    outline:none;
    color:#c00404;
}
.copyBtn{
    float:right;
    border-color:transparent;
    color:#4c69c7;
background-color:transparent;
cursor:pointer;
text-shadow: 1px 1px 2px rgba(129, 129, 129, 0.753);
}
.copyBtn:focus{
    outline:none
}
.cubeIcon{
    /* color:#B9D6E1; */
    color:#fff;
    margin-right:20px
}
.listIcon{
    /* color:#FFA686; */
    color:#fff;
    margin-right:20px
}
.eyeBtn{
    color:rgb(28, 145, 24);
    margin-left:10px;
    font-size:20px
}
.hash-hide{
    letter-spacing:2px
}

.blockOpen{
    height: 35px;
margin-top:-10px;
    background-color:transparent;
}
/* Light Theme Dash  */
.container{
    margin-left: 5% !important;
    margin-right: 5% !important;
}
.theme-switch{
    padding-top: 25px;
}
.stats-block{
    /* background-color: #FAE2F0 !important; */
    /* background-color: #DFF1FE; */
    height: 175px;
    margin-bottom: 20px;
    background-color: #ffffff!important;
}
.vdivide::after {
   border-right:2px #DFF1FE solid;
   display: block;
   height: 45%;
   bottom: 55%;
   content: " ";
   position: relative;
}
.peers-health{
    height: 335px;
    overflow-y: scroll;
}
.center-column{
    text-align: center;
}

.dash-section{
    height: 335px;
    margin-bottom: 2%;
}
.org-pie{
   padding-left:10%;
}
.pie-chart{
    top:-30px;

}
.dash-view{
   padding-top: 85px;
    padding-left: 0px!important;
    width: 80%;
    margin-left:10%;
    margin-right:10%;
    /* padding-top: 85px;
    padding-left: 0px!important;
    width: 100%; */

}
.background-view{
    background-color: #F0F5F9;

}
.navbar-header{
    background-color: #E8E8E8!important;
}
.footer{
    background-color: #E8E8E8;
    text-align: center;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
  }
.footerView{
    margin:2%!important;
 }
.statistic{
    display: block;
    float: left;
    height: 100%;
    /* border: 3px #DFF1FE solid; */
    width: 25%;
    text-align: center;
    font-size: 18pt;
    color:#000000
}

.stat-count{
    margin-top:55%;
}
.stat-avatar{
    justify-content: center;
    margin-left: 60%;
    margin-top: 65%;
    /* width: 55% !important;
    height: 55%!important; */
}
.avatar-tx{
    color:#FFA686 !important;
    background-color: #FFEED8!important;
}
 .avatar-block{
    color:#004D6B !important;
    background-color: #B9D6E1 !important;
}
.avatar-node{
    color:#21295C!important;
    background-color: #858AA6!important;
}
.avatar-chaincode{
    color: #407B20 !important;
    background-color: #D0ECDA!important;
}
/* Switch Theme */
.sunIcon{
    color:rgb(245, 185, 47);
}
.moonIcon{
    color:rgb(104, 195, 245)
}
/*Time Chart and Chart stats */
.recharts-layer{
    fill:#5bc5c2!important
 }
 .recharts-scatter-line{
    stroke:#5bc5c2!important;
 stroke-width:2!important;
 }
